<script lang="ts" setup>
import { getImg } from "@/utils";
defineProps({
  title: {
    type: String,
    default: "Play Random",
  },
});
const emits = defineEmits(["play"]);
const attrs = useAttrs();

const play = () => {
  emits("play");
};
</script>
<template>
  <div
    @click="play"
    class="w-174 mx-auto h-46 lh-46 rounded-46 flex-center gap-x-8 bg-[#f9ca24]"
    v-bind="{ ...attrs }"
  >
    <img class="h-28" :src="getImg('zy_play.png')" alt="" />
    <span class="font-bold text-16 color-[#000] lh-20">{{ title }}</span>
  </div>
</template>
